<template>
   <div>
       <!-- 放置弹出框 -->
          <el-dialog title="视频"
          :visible="showfilm"
           :modal='false'
           width="50%"
           @close='videocancle'>
                <video :src="film.videoURL" 
                controls
                width='630'
                
              > 
           </video> 
          </el-dialog>  
   </div>
</template>

<script>
export default {
    props: {
      film: {
        type:[Object,String],
        required:true
      },
      showfilm: {
          type: Boolean,
          default: false
      }  
    },
    methods :{
        videocancle () {
            this.$emit('videocancle')
        }
    }
}
</script>

<style>

</style>